


// -----------------------------------------------------------------------
// Settings Tool Skin
// -----------------------------------------------------------------------

// -------------------------------------------------------- defines

@define $colorBlack					rgb( 0, 0, 0 );
@define $colorWhite 				rgb (255,255,255);
@define $colorBackground			rgb( 242, 242, 242 );
@define $colorButtonFont			rgba( 16, 35, 49, 230 );
@define $colorButtonFontOver		rgb( 70, 100, 122 );
@define $colorButtonFontDisabled	rgb( 182, 195, 203 );
@define $colorHeadline          	rgba( 22, 52, 74, 230 );
@define $colorLabel             	rgba( 10, 20, 26, 230 );
@define $colorLabelDisabled			rgba (10, 20, 26, 76);
@define $colorNavi					rgba( 10, 20, 26, 230);
@define $colorNaviDisabled			rgba( 10, 20, 26, 76 );
@define $colorNaviOver				rgb (103, 110, 115);
@define $colorStatus            	rgba( 26, 26, 26, 230 );
@define $colorMenuSelectionBg   	rgb (99, 132, 153);

// -------------------------------------------------------------about screen

Button#AboutPanel
{
	background-color: rgba (0,0,0,128);
}

Button#AboutPanel Bar#AboutBar
{
	foreground-color: $colorBlack;
	vertical-alignment:top;
	picture-includes-margin:true;
	font-size:11;
	font-name: url ("raldo.ttf");
	margin-left: 13;
	margin-top: 46;
	outer-margin-left: 5px;
	spacing: 10px;
}

Button#AboutPanel[isSmall=false] Bar#AboutBar
{
	image: url ( "about_big.png" );
}

Button#AboutPanel[isSmall=true] Bar#AboutBar
{
	image: url ( "about_small.png" );
}

Button#AboutPanel[isSmall=false] Label#AboutCopyright
{
	background-color:no;
	height:20;
	width:52;
	outer-margin-left:2;
	outer-margin-top:1;
	foreground-color: $colorBlack;
	font-size:11;
	font-name: url ("raldo.ttf");
	vertical-alignment:top;
	horizontal-alignment :right;
}

Button#AboutPanel[isSmall=true] Label#AboutCopyright
{
	background-color:no;
	height:20;
	width:52;
	outer-margin-left:2;
	outer-margin-top:1;
	font-size:11;
	font-name: url ("raldo.ttf");
	foreground-color: $colorBlack;
	vertical-alignment:top;
	horizontal-alignment :right;
}

Button#AboutPanel Bar#AboutLabelBar
{
	background-color: no;
	width: 240;
	height: 50;
}

Button#AboutPanel Bar#AboutLabelBar Label.VersionLabel
{
	background-color: no;
	foreground-color: $colorBlack;
	width: 240;
	height: 16;
	font-size:11;
	font-name: url ("raldo.ttf");
}

// ------------------------------------------------------------- fw overlays

Bar.FWOverlayBgBar
{
	background-color: rgba (0,0,0,128);
}

Bar.FWOverlayContentBar
{
  background-color: rgb( 255, 255, 255 );
  outer-margin-left: 150px; outer-margin-right: 150px; 
}

Bar.FWOverlayContentBar Label,
Bar.FWOverlayContentBar Button
{
  foreground-color: $colorBlack;  
  font-size:11;
  font-name: url ("raldo.ttf");
}

Bar.FWOverlayContentBar Label.WarningLabel
{
  foreground-color: rgb (255,0,0);    
}

Bar.FWOverlayContentBar Label.VersionLabel
{
  outer-margin-right: 20px;
}

Bar.FWOverlayContentBar Label[result=failure]
{
	foreground-color: rgb (255,0,0);   
}


Bar.FWOverlayContentBar Switcher
{
	image: url( "Btn_Check_2.png" );  
	animations: 8; 
	animation-index: 0;
	animations_for_range: 2;
	outer-margin-top: 1px;
}

Bar.FWOverlayContentBar Switcher:down
{
	animation-index: 2;
}

Bar.FWOverlayContentBar Switcher:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

Bar.FWOverlayContentBar Button
{
  image: url( "Btn.png" ); 
  animations: 7;
  animations_for_range: 7;
  margin-top: 1px;
  picture-includes-margin:true;
  horizontal-alignment: center;
  font-name: url ("raldo.ttf");
  font-size: 12;
  foreground-color: $colorButtonFont; 
}

Bar.FWOverlayContentBar Button:down
 { 
	animation-index: 2; 
} 


// -------------------------------------------------------- common properties

Bar.ControlPanel,
ChannelSetupPanel.ControlPanel
{
  image: url( "Bg_Content.png" ); 
  fixed: 6px; 
	margin: 10px;
	picture-includes-margin: true;
	spacing: 9px;  
}


AudioSettingsTab Bar.ControlPanel,
DiagnosticsTab Bar.ControlPanel
{
  width: 314px;
}

DiagnosticsTab Bar.ControlPanel[isBlankedOut=true]
{
  image: url ( "bgDummy.png" );
  fixed: 4px;
  
}


Label.ControlPanelHeadline
{
  image: url( "Bg_Headline.png" ); 
  fixed-left: 3; 
  fixed-right: 3;
  margin-top:1;
  picture-includes-margin: true;
  outer-margin-bottom: 5px;
  font-name: url ("raldo.ttf");
  font-size: 12;
  foreground-color: $colorHeadline;   
  horizontal-alignment: center;
}

ChannelSetupPanel Label.ControlPanelHeadline 
{
	horizontal-alignment: left;
	margin-left: 9px; 
	picture-includes-margin: true;
}

ChannelSetupPanel#barChannelSettingsA Label#labelChannelSetupTitle
{
  image: url( "Headline_A.png" );
  outer-margin-left: 58px;
}

ChannelSetupPanel#barChannelSettingsB Label#labelChannelSetupTitle
{
  image: url( "Headline_B.png" );
  outer-margin-left: 60px;
}

ChannelSetupPanel#barChannelSettingsC Label#labelChannelSetupTitle
{
  image: url( "Headline_C.png" );
  outer-margin-left: 58px;
  
}

ChannelSetupPanel#barChannelSettingsD Label#labelChannelSetupTitle
{
  image: url( "Headline_D.png" );
  outer-margin-left: 58px;
}

AudioSettingsTab,
AudioSettingsTab Bar#barSettings1,
AudioSettingsTab Bar#barSettings2,
ChannelSetupTab,
DiagnosticsTab,
Bar#barChannels,
Bar#barDiagnostics1,
Bar#barDiagnostics2
{
	spacing: 18px;
}

/*

AudioSettingsTab Bar#barSettings1 Bar#barProcessing,
AudioSettingsTab Bar#barSettings1 Bar#barDeviceMonitor,
ChannelSetupPanel.ControlPanel,
Bar#barErrorDetection,
Bar#barConnectionMonitor,
Bar#barSystemPerformance,
Bar#barInformation
{
	margin: 10px;
	picture-includes-margin: true;
	spacing: 9px;
}

*/

Bar#barProcessingRow1,
Bar#barProcessingRow2,
Bar#barProcessingRow3,
Bar#barDeviceMonitorRow2,
Bar#barRowInputRouting,
Bar#barRowConnection,
Bar#barRowPhono,
Bar#barRowLine,
Bar#barErrorDetectionRow1,
Bar#barErrorDetectionRow2,
Bar#barErrorDetectionRow3,
Bar#barConnectionMonitorRow1,
Bar#barConnectionMonitorRow2,
Bar#barConnectionMonitorRow3,
Bar#barSystemPerformanceRow1,
Bar#barSystemPerformanceRow2,
Bar#barInformationRow1,
Bar#barInformationRow2,
Bar#barInformationRow3,
Bar#barInformationRow4,
Bar#barSyncRow1,
Bar#barSyncRow2,
Bar#barMonitoringRow1,
Bar#barMonitoringRow2
{
	outer-margin-left: 9px;
	spacing: 8px;
	height: 18px;
}

Bar#barSystemPerformanceRow3
{
	outer-margin-left: 9px;
	spacing: 8px;
	height: 45px;
}
Bar#barSystemPerformanceRow3L
{
	spacing: 9px;
	width: 100px;
	//height: 44px;
}
Bar#barSystemPerformanceRow3R
{
	spacing: 8px;
	width: 170px;
	height: 44px;
}
// ----- Bottom Space for following Sub-Headlines

Bar#barRowInputRouting
{
	outer-margin-bottom: 5px;
}

Button.btnChannelSetup 
{
	image: url( "Tab_Inner.png" ); 
	fixed-left: 4px;
	fixed-right: 4px;
	animations: 8;
	width: 101px;
	horizontal-alignment: center;
	margin-bottom: 4px;
	picture-includes-margin: true;
	font-name: url ( "raldo.ttf" );
	font-size: 12px;
	foreground-color: $colorButtonFont;
}

Button.btnChannelSetup#btnDC
{
	width: 100px;
}

Button.btnChannelSetup:selected 
{
	animation-index:1;
	foreground-color: $colorWhite;
}

Button.btnChannelSetup:down
{
	animation-index:2;
}

Button.btnChannelSetup:selected:down
{
	animation-index:3;
}

Button.btnChannelSetup:over
{
	animation-index:4;
	foreground-color: $colorButtonFontOver;
}

Button.btnChannelSetup:selected:over
{
	animation-index:5;
}

Button.btnChannelSetup:!enabled,
Button.btnChannelSetup:selected:!enabled
{
	animation-index:6;
	foreground-color: $colorButtonFontDisabled;
}


Button.ButtonPanelButton
{
	image: url( "Btn_Navi.png" ); 
	animations: 5;
	outer-margin-top: -1px;
	font-name: url ( "raldo.ttf" );
	font-size: 13px;
	foreground-color: $colorNavi; 
	margin-left: 7px;
	margin-top: 1px;
	picture-includes-margin: true;
}

/* depending on which tabs are present in the control panel, this style is always assigned to the top tab-selection button */
Button.ButtonPanelButton[isTopButton=true]:selected 
{ 
	animation-index: 1; 
} 

Button.ButtonPanelButton:selected 
{ 
	animation-index: 2; 
}

Button.ButtonPanelButton:over
{ 
	foreground-color: $colorNaviOver;
} 

Button.ButtonPanelButton[isTopButton=true]:selected:over
{ 
	animation-index: 3; 
} 

Button.ButtonPanelButton:selected:over
{
	animation-index: 4; 
	foreground-color: $colorNaviOver;
}

Button.ButtonPanelButton:!enabled 
{ 
	foreground-color: $colorNaviDisabled;  
}   


Button.ControlPanelButton
{
  image: url( "Btn.png" ); 
  animations: 7;
  animations_for_range: 7;
  margin-top: 1px;
  picture-includes-margin:true;
  horizontal-alignment: center;
  font-name: url ("raldo.ttf");
  font-size: 12;
  foreground-color: $colorButtonFont; 
}

Button.ControlPanelButton:selected 
{ 
	animation-index: 1; 
} 

Button.ControlPanelButton:down
 { 
	animation-index: 2; 
} 

Button.ControlPanelButton:over
 { 
	animation-index: 4; 
	foreground-color:  $colorButtonFontOver;
} 

Button.ControlPanelButton:!enabled
 { 
	animation-index: 6; 
	foreground-color: $colorButtonFontDisabled;
} 

ButtonMenu.ControlPanelDropdown
{
  image: url( "Dropdown.png" ); 
  animations:7;
  margin-top: 1px;
  margin-right: 13px;
  picture-includes-margin:true;
  horizontal-alignment: center;
  font-name: url ("raldo.ttf");
  font-size: 12;
  foreground-color: $colorButtonFont; 
  menu-offset-x: -2;
  menu-offset-y: 3;
}

ButtonMenu.ControlPanelDropdown:down
{
	animation-index: 2;
}

ButtonMenu.ControlPanelDropdown:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

ButtonMenu.ControlPanelDropdown:!enabled
{
	animation-index: 6;
	foreground-color: $colorButtonFontDisabled;
}



Switcher.ControlPanelCheckbox
{
	image: url( "Btn_Check_2.png" );  
	animations: 8; 
	animation-index: 0;
	animations_for_range: 2;
	outer-margin-top: 1px;
}

Switcher.ControlPanelCheckbox:down
{
	animation-index: 2;
}

Switcher.ControlPanelCheckbox:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

Switcher.ControlPanelCheckbox[isLocked=false]:!enabled
{ 
	animation-index: 6; 
} 

Switcher.ControlPanelCheckbox[isLocked=true]:!enabled
{ 
	animation-index: 0; 
} 


Switcher.ControlPanelSwitch
{
	image: url( "Btn_Radio_2.png" );  
	animations: 8; 
	animation-index: 0;
	animations_for_range: 2;
	outer-margin-top: 1px;
}

Switcher.ControlPanelSwitch:down
{
	animation-index: 2;
}

Switcher.ControlPanelSwitch:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

Switcher.ControlPanelSwitch[isLocked=false]:!enabled
{ 
	animation-index: 6; 
} 

Switcher.ControlPanelSwitch[isLocked=true]:!enabled
{ 
	animation-index: 0; 
}



Label.ControlPanelLabel
{
  width: 177px;
  margin-top: 2px;
  font-name: url ( "raldo.ttf" );
  font-size: 12;
  foreground-color: $colorLabel; 
} 

Label.ControlPanelLabel:!enabled
{
  foreground-color: $colorLabelDisabled; 
}

Label.ControlPanelReadOnlyValue
{
  image: url( "Text_Display.png" ); 
  animations:2;
  margin-top: 1px;
  picture-includes-margin:true;
  horizontal-alignment: center;
  font-name: url ("raldo.ttf");
  font-size: 12;
  foreground-color: $colorButtonFont; 
}

Label.ControlPanelReadOnlyValue:!enabled
{
  animation-index: 1;
  foreground-color: $colorButtonFontDisabled; 
}

Label.DummyPanel
{
  image: url( "bgDummy.png" ); 
  fixed-left: 4; 
  fixed-right: 4; 
  fixed-top: 4; 
  fixed-bottom: 4;  
}
  
Label.ToolTip
{
  image: url( "bgTooltip.png" ); fixed: 4px;
  foreground-color: $colorLabel;
  font-name: url ("raldo.ttf");  font-size: 10;
  margin-left: 7px; margin-right: 7px; margin-top: 5px; margin-bottom: 5px; picture-includes-margin: true;    
  outer-margin-bottom: 2px; outer-margin-top: 18px; outer-margin-right: 18px;  
}

// -------------------------------------------------------- main structure

ControlPanel#RootPanel
{
  background-color: $colorBackground;	
}

Bar#ControlPanel
{
	background-color: $colorBackground;
	spacing: 9px;
	margin: 9px;
}

Bar#HeaderPanel
{
	height: 38px;
	outer-margin: 9px;
}

Bar#MainPanel
{
	outer-margin-left: 9px;
	outer-margin-right: 9px;
	outer-margin-bottom: 9px;
}

Bar#barTitleBackground
{
  image: url( "Bg_Header.png" );
}


Bar#ButtonPanel
{
  image: url( "Bg_Navi.png" ); 
  fixed-left: 1; 
  fixed-right: 4; 
  fixed-top: 4; 
  fixed-bottom: 4; 
	spacing: 3px;
}

Bar#TabPanel
{
	image: url( "Bg_Inner.png" ); 
	fixed-left: 1; 
	fixed-right: 4; 
	fixed-top: 4; 
	fixed-bottom: 4;
	margin-top: 19px;
	margin-right: 19px;
	margin-bottom: 19px;
	margin-left: 16px;
	spacing: 18px;
	picture-includes-margin: true;
}
  

// -------------------------------------------------------- AudioSettings


AudioSettingsTab Bar#barSettings1 Bar.ControlPanel 
{
  height: 129px; 
}


AudioSettingsTab Bar#barSettings2 Bar.ControlPanel
{
  height: 102px; 
}

// --------------------------------------------------- Popup Menu

PopupMenu.ControlPanelDropdown
{
	image: url( "bg_menu.png" );
	fixed:6;
	margin-top: 3px;
	margin-bottom: 3px;
	picture-includes-margin:true;
	width: 104px;

}

PopupMenu.ControlPanelDropdown Vector<Button>::Bar#widgets
{
	outer-margin-left: 3px;
	outer-margin-right: 3px;

}

PopupMenu.ControlPanelDropdown Vector<Button> Bar#widgets Button[isSeparator=false]
{
	//image: url( "Btn.png" ); 
	animations: 7;
	margin-top: 1px;
	margin-left: 5px;
	//margin-right: 13px;
	//horizontal-alignment: center;
	picture-includes-margin:true;
	font-name: url ("raldo.ttf");
	font-size: 12;
	foreground-color: $colorButtonFont;

}

PopupMenu.ControlPanelDropdown Vector<Button> Bar#widgets Button[isSeparator=false]:!enabled
{
	foreground-color: $colorButtonFontDisabled;
}

/*
PopupMenu.ControlPanelDropdown Vector<Button>::Bar#widgets::Button:over,
PopupMenu.ControlPanelDropdown Vector<Button>::Bar#widgets::Button:focus
{
	foreground-color: $colorWhite;
	background-color: $colorMenuSelectionBg;
}
*/

PopupMenu.ControlPanelDropdown Vector<Button>::Bar#widgets::Button[isSeparator=false][isSubMenu=false]:over,
PopupMenu.ControlPanelDropdown Vector<Button>::Bar#widgets::Button[isSeparator=false][isSubMenu=false]:focus
{
	//animation-index:1;
	foreground-color: $colorWhite;
	background-color: $colorMenuSelectionBg;
}

// -------------------------------------------------------- ChannelSetup

Bar#barChannels ChannelSetupPanel.ControlPanel
{
  width: 148px; 
  height: 185px; 
}
Bar#barChannels ChannelSetupPanel.ControlPanel[ height=H0 ]
{
  height: 185px; 
}
Bar#barChannels ChannelSetupPanel.ControlPanel[ height=H1 ]
{
  height: 245px; 
}

ChannelSetupTab Bar#barButtons
{
	spacing: 6px;
	outer-margin-bottom: -6px;
}



// -------------------------------------------------------- Diagnostics

DiagnosticsTab Bar#barDiagnostics1 Bar.ControlPanel 
{
  height: 129px; 
}

DiagnosticsTab Bar#barDiagnostics2 Bar.ControlPanel
{
  height: 156px; 
}

// -------------------------------------------------------- individual controls

Label#labelTitle
{
  outer-margin-right: 238px; 
  outer-margin-top: 14px; 
  
  image: url( "Headline.png" );
}

Button#btnAbout
{
  image: url( "Logo_NI.png" );
  outer-margin-top: 9px; 
  outer-margin-right: 9px;
}


InfoBar#barInfo
{
  height: 51px; 
  image: url( "Bg_Status.png" ); 
  fixed-left: 6; 
  fixed-right: 6;
  animations: 3;
  margin-left: 10px;
  picture-includes-margin: true;
  vertical-alignment: center;
  
  
}

InfoBar#barInfo[ background=error ] { animation-index: 0; }
InfoBar#barInfo[ background=ok ] { animation-index: 1; }
InfoBar#barInfo[ background=info ] { animation-index: 2; }


Label#labelInfoIcon
{ 
  image: url( "Icon_Status.png" ); 
  animations: 2;
  outer-margin-top: 14px;
  outer-margin-right: 9px;
}

Label#labelInfoIcon[ icon=error ] { animation-index: 0; }
Label#labelInfoIcon[ icon=ok ] { animation-index: 1; }

Label#labelInfoMessage
{
  font-name: url ( "raldo.ttf" );  
  font-size: 12;
  foreground-color: $colorStatus ;   
}


Bar#barLatencyDisplay
{
  image: url( "Bg_Latency_Checker.png" );
  fixed-left:50;
  fixed-right: 5px;
  animations:5;
  animation-index: 0;
  animations_for_range: 5;
  picture-includes-margin:true;
  width: 177px; 
  margin: 6px;
  margin-left:51;
}

Bar#barLatencyDisplay:!enabled 
{ 
	animation-index: 4; 
}

Bar#barLatencyDisplay[background=a] 
{ 
	animation-index: 0; 
}

Bar#barLatencyDisplay[background=b] 
{ 
	animation-index: 1; 
}

Bar#barLatencyDisplay[background=c] 
{ 
	animation-index: 2; 
}

Bar#barLatencyDisplay[background=d] 
{ 
	animation-index: 3; 
}

Label.LatencyDisplayLabel
{
  width: 40px; height: 11px;
  font-name: url ( "raldo.ttf" );  
  font-size: 9;  
}

Label#labelLatency1
{  
  outer-margin-top: -3px;
  foreground-color: rgb( 255, 0 , 0 );   
}

Label#labelLatency2
{
  foreground-color: rgb( 230, 183 , 25 );   
}

Label#labelLatency3
{
  foreground-color: rgb( 0, 160 , 0 );   
}

Button#btnLock
{
  image: url( "Btn_Lock.png" ); 
  animations: 7;
  outer-margin-top: 15px;
  outer-margin-right: 9px;
}

Button#btnLock:selected
{
	animation-index: 1;
}

Button#btnLock:down
{
	animation-index: 2;
}

Button#btnLock:selected:down
{
	animation-index: 3;
}

Button#btnLock:over
{
	animation-index: 4;
}

Button#btnLock:selected:over
{
	animation-index: 5;
}

Button#btnLock:!enabled
{
	animation-index: 6;
}

Button#btnSaveSettings,
Button#btnDiscardSettings
{
	image: url ( "Btn_Statuspanel.png" );
	animations:7;
	margin-top: 1px;
	outer-margin-top: 15px;
	outer-margin-right: 6px;
	picture-includes-margin:true;
	horizontal-alignment: center;
	font-name: url ("raldo.ttf");
	font-size: 12;
	foreground-color: $colorButtonFont; 
}

Button#btnSaveSettings:selected,
Button#btnDiscardSettings:selected
{
	animation-index: 1;
}

Button#btnSaveSettings:down,
Button#btnDiscardSettings:down
{
	animation-index: 2;
}

Button#btnSaveSettings:selected:down,
Button#btnDiscardSettings:selected:down
{
	animation-index: 3;
}

Button#btnSaveSettings:over,
Button#btnDiscardSettings:over
{
	animation-index: 4;
	foreground-color: $colorButtonFontOver;
}

Button#btnSaveSettings:selected:over,
Button#btnDiscardSettings:selected:over
{
	animation-index: 5;
	foreground-color: $colorButtonFontOver;
}

Button#btnSaveSettings:!enabled,
Button#btnDiscardSettings:!enabled
{
	animation-index: 6;
	foreground-color: $colorButtonFontDisabled;
}


//DESINGWIDGET

*#DesignWidget *
{
  background-color:no;
  background-border-color:no;
  foreground-color: rgb (0,0,0);
}

Label#spacer {
  background-color:no;
  min-width:1;
  min-height:1;
}

Bar#sizer {
  spacing:2;
}

Button#collapser {

  min-width:18;
  foreground-color:no; 
  horizontal-alignment:center;

	}

Button#collapser[state=empty] {
  background-color:no; 
animation-index:2;
  }

Button#collapser[state=collapsed] {
  //background-color:rgba(0,255,0,0);
background-color:no;

	animation-index:1;		
  }

Button#collapser[state=expanded] {
  //background-color:rgba(255,0,0); 
	background-color:no;
	
	animation-index:0;	
	}

Mover#mover
{
  image:url("top_bar.png");
  fixed-left:3;
  fixed-right:3;
  foreground-color:rgba(0,0,0,0);
}	

Bar#DesignWidget TextEdit
{
  background-color:rgb(240,240,240);
  foreground-color:rgb(0,0,0);
  selection-background-color:rgb(192,192,192);
  selection-foreground-color:rgb(0,0,0);
  font-resid:1;
  font-size:12;
  min-width:96;
  margin:2;
}

*#DesignWidget::PopupMenu.Design Bar
{
  spacing:0;
  font-resid:1;
  font-size:12;
  
}

*#DesignWidget::PopupMenu.Design Button
{
  background-color:rgba(88,112,135,240);
  font-resid:1;
  font-size:12;
  
} 
//----------------------------------------------- bottom bar

Bar#scrollbarenclosingbar 
{
  image:url("bottom_bar.png");
  fixed-left:3;
  fixed-right:11;
}

Bar#scrollbarenclosingbar Sizer
{
  width:16;
}

//----------------------------------------------- tree view

tree<Bar>.Design
{
  foreground-color:no;
  image:url("tree_bg.png");
  fixed-left:0;
  fixed-right:0;
  fixed-top:1;
  fixed-bottom:0;
}

tree<Bar>.Design::Bar#widgets
{
  margin-top:3;
}

tree<Bar>.Design::Bar#widgets Button
{
  foreground-color: rgb( 0, 0, 0 );
  font-resid: 1;
  font-size:12;
}

tree<Bar>.Design::Bar#widgets Button:over
{
  background-color:rgba(78,102,125,30);
}

tree<Bar>.Design::Bar#widgets Button#collapser[state=empty]:over
{
  background-color:no;
}

tree<Bar>.Design::Bar#widgets Button:selected
{
  background-color:rgba(78,102,125,195);
  background-border-color:rgb(255,0,0);
  foreground-color:rgb(235,237,235);
}

tree<Bar>.Design::Bar#widgets Button:selected:over
{
  background-color:rgba(78,102,125,200);
  background-border-color:rgb(255,0,0);
  foreground-color:rgb(235,237,235);
}

tree<Bar>.Design::Bar#widgets::Bar
{
  height:20;
}

//----------------------------------------------- 

Bar#dotted_background{
background-color:no;
image:url("top_dotted.png");
fixed-left:0;
fixed-right:0;
fixed-top:0;
fixed-bottom:0;
}


Bar#DesignWidget Bar#top{
background-color:no;
min-height:32;
min-width:300;
spacing:10;
margin-left:10;
margin-top:6;
}


//----------------------------------------------- Scrollbars

Bar#DesignWidget Scrollbar
{
  margin-top:1;
  margin-bottom:1;
  margin-left:1;
}

Bar#DesignWidget Scrollbar::Button 
{
  background-color:no;
  foreground-color:no;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Button#inc
{
  image:url("scrollbar_dec.png");
  margin-left:1;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Button#dec
{
  image:url("scrollbar_inc.png");
  margin-left:1;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Button#inc
{
  image:url("scrollbar_inc_ho.png");
  margin-top:1;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Button#dec
{
  image:url("scrollbar_dec_ho.png");
  margin-top:1;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Slider
{
  image:url("scrollbar_bg.png");
  margin-top:0;
  margin-bottom:0;
  fixed-top:0;
  fixed-bottom:0;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Slider
{
  image:url("scrollbar_bg_ho.png");
  margin-left:0;
  margin-right:0;
  fixed-left:0;
  fixed-right:0;
}

Bar#DesignWidget Scrollbar[isHorizontal=false]::Slider::Grip
{
  image:url("scrollbar_slider_gr_wide.png");
  fixed-top:10;
  fixed-bottom:10;
  margin:2;
}

Bar#DesignWidget Scrollbar[isHorizontal=true]::Slider::Grip
{
  image:url("scrollbar_slider_ho.png");
  fixed-left:10;
  fixed-right:10;
  margin:2;
}

//----------------------------------------------- Buttons

Bar#top Button{
background-color:no;
image:url("button.png");
animations:3;
foreground-color:rgb(235,237,235);
horizontal-alignment:center;
}

Bar#top  Button:over{

background-color:no;
animation-index:2;


}
Bar#top  Button:down{
background-color:no;
animation-index:1;


}
Label#logo{
background-color:no;
image:url("logo.png");
margin-right:11;
margin-top:3;
foreground-color:rgb(0,0,0);
}



Bar Label#SelectionWidget
{
  //min-width: 1;
  //min-height: 1;
  image:url( "selection.png" );
  fixed-left:6;
  fixed-right:6;
  fixed-top:6;
  fixed-bottom:6;
  margin:2;
  picture-includes-margin:true;
  //background-color:rgba(255,0,0,64);
}


Bar#DesignWidget Vector::Label#draglabel[between_rows=true]
{
  height:3;
  background-color:no;
  
}

Button#show-frame {
  background-color:no; 
  background-border-color:rgb(255,0,0); 
}

